import {createRouter, createWebHistory} from "vue-router";


const Router = createRouter({
    //路由历史
    history : createWebHistory(),

    //配置路由：是一个数组，里面可以配置很多路由
    routes:[
        {
            //路由路径
            path:'/',
            //路由组件（路由页面）
            component: ()=>import ('../views/LoginView.vue'),
        },
        {
            //路由路径
            path:'/frame',
            //路由组件（路由页面）
            component: ()=>import ('../views/FrameView.vue'),
            children:[
                {
                    //路由路径
                    path:'',
                    name:'WelcomeView',
                    //路由组件（路由页面）
                    component: ()=>import ('../views/WelcomeView.vue'),
                },
                {
                    //路由路径,前面不能多加/
                    path:'user/list',
                    name:'UserListView',
                    //路由组件（路由页面）
                    component: ()=>import ('../views/users/UserListView.vue'),
                },
                {
                    //路由路径,前面不能多加/
                    path:'user/edit',
                    name:'UserEditView',
                    //路由组件（路由页面）
                    component: ()=>import ('../views/users/UserEditView.vue'),
                },
            ]
        },
    ]

})

export default Router;